.container {
    --body-bg-color: #282C34; /* 页面背景颜色，深灰蓝 */
    --border-color: #404854; /* 边框颜色，暗灰蓝 */
    --txt-front-color: #ABB2BF; /* 文本颜色，亮灰蓝，确保良好的可读性 */
    --base-fontsize: 10px;  
  
    --add-text-color: #ABB2BF; /* 加权文本颜色 */
    --add-bg-color: #333842; /* 加权背景颜色，稍暗灰蓝 */
    --add-border-color: #404854; /* 加权边框颜色 */
  
    --sub-text-color: #ABB2BF; /* 减权文字颜色 */
    --sub-bg-color: #333842; /* 减权背景颜色 */
    --sub-border-color: #404854; /* 减权边框颜色 */
  
    --textarea-prompt-bg-color: #282C34; /* 提示词输入框背景颜色，与页面背景一致 */
    --textarea-prompt-focus-border-color: #E06C75; /* 提示词输入框聚焦边框颜色，珊瑚色 */
    --textarea-prompt-border-color:#3c3838;  /* 提示词输入框边框颜色 */
  
    --editearea-prompt-text-color: #ABB2BF; /* 编辑框文字颜色 */
    --editearea-prompt-bg-color: #333842; /* 编辑框背景颜色 */
    --editearea-prompt-border-color: #404854; /* 编辑框边框颜色 */
  
    --drag-prompt-bg-color: transparent; /* 提示词禁用状态背景颜色 */
    --drag-prompt-disable-bg-color: #3B4048; /* 提示词禁用状态背景颜色，稍亮的灰蓝 */
    --drag-prompt-edit-shadow: 0px 0px 2px 2px #E06C75; /* 提示词编辑状态阴影颜色，珊瑚色 */
  
    --drag-prompt-border-color: #404854; /* 拖拽按钮提示词边框颜色 */
    --drag-prompt-draging-border-color: #4B525C; /* 拖拽按钮拖动时边框颜色 */
    --drag-prompt-cn-top-border-color: #3B4048; /* 拖拽按钮间隔边框颜色 */
  
    --navtag-shadow: 0px 0 0.3em 0.3em #333842; /* 导航阴影，稍暗灰蓝 */
    --navtag-bg-color: #333842; /* 导航默认背景色，稍暗灰蓝 */
    --navtag-text-color: #ABB2BF; /* 导航默认文字颜色，亮灰蓝 */
    --navtag-active-bg-color: #E06C75; /* 导航激活背景色，珊瑚色 */
    --navtag-active-text-color: #282C34; /* 导航激活文字颜色，深灰蓝 */
  
    --menu-prompt-text-color: #282C34; /* 菜单框提示词文字颜色，深灰蓝 */
    --menu-prompt-bg-color: #E06C75; /* 菜单框提示词背景颜色，珊瑚色 */
    --menu-prompt-selected-color: linear-gradient(298deg, #C678DD, #D19A66); /* tag选中提示词的圆点背景色，紫到橘渐变 */
  
    --btn-prompt-text-color: #ABB2BF;
    --btn-prompt-tactive-text-color: #202124; /* 正面激活文字颜色，深色 */
    --btn-prompt-ntactive-text-color: #E8EAED; /* 负面激活文字颜色，亮灰 */
    --btn-prompt-allctive-text-color: #202124; /* 全激活文字颜色，深色 */
  
    --btn-prompt-bg-color: #3B4048; /* 按钮提示词默认背景颜色，稍亮的灰蓝 */
    --btn-prompt-tactive-bg-color: #98C379; /* 正面激活背景颜色，柔和绿色 */
    --btn-prompt-ntactive-bg-color: #E06C75; /* 负面激活背景颜色，珊瑚色 */
    --btn-prompt-allctive-bg-color: #C678DD; /* 全激活背景颜色，紫色 */
  
    --btn-prompt-hover-bg-color: #C678DD; /* 提示词hover背景颜色，紫色 */
    --btn-prompt-hover-color: #202124; /* 提示词hover文字颜色，深色 */
    --btn-prompt-hover-triangle-bg-color: #98C379; /* 提示词hover三角背景颜色，柔和绿色 */
  
    --random-btns-border-color: #C678DD; /* 随机按钮边框颜色 */
  
    --dialog-bg-color: #282C34; /* 对话框背景颜色 */
    --dialog-box-shadow: 0 0 5px 2px #3B4048; /* 对话框阴影 */
    --dialog-head-bg-color: linear-gradient(to left, #E06C75, #C678DD); /* 对话框头部背景渐变 */
    --dialog-close-text-color: #ABB2BF; /* 对话框关闭按钮文字颜色 */
    --dialog-close-hover-text-color: #E06C75; /* 关闭按钮hover颜色 */
  
    --scrollbar-track-bg-color: #333842; /* 滚动条背景颜色 */
    --scrollbar-thumb-bg-color: #404854; /* 滚动条滑块背景颜色 */
  
    --favorite-tags-text-color: #5C6370; /* 收藏夹文字颜色 */
    --favorite-tags-active-text-color: #5db353; /* 收藏夹激活文字颜色 */
    --favorite-row-hover-bg-color: #333842; /* 收藏夹列表hover背景色 */
    --favorite-row-bottom-border-color: #404854; /* 收藏夹底部边框颜色 */
  }
  
  .home button, .btn {
      padding: 0.5em;
      background: #3B4048; /* 按钮背景颜色，稍亮的灰蓝 */
      color: #ABB2BF; /* 文字颜色，亮灰蓝 */
      border-radius: 6px;
      cursor: pointer;
      margin-right: 2px;
      margin: 0px 5px;
      box-shadow: 4px 0px 7px -1px #282C34; /* 阴影颜色，深灰蓝 */
  }
  